<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <title>我的 - AI情绪魔镜</title>
  <link rel="stylesheet" href="style.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
</head>
<body>
  <div id="app">
    <header>
      <h1>我的</h1>
    </header>
    <main class="page">
      <h2>个人信息与设置</h2>

      <!-- 数字心理护照 -->
      <section class="card my-section">
        <h3><i class="fas fa-address-card"></i> 数字心理护照</h3>
        <p>查看您的心理健康概况和历史数据。</p>
         <button onclick="alert('查看数字心理护照')">查看</button>
      </section>

      <!-- 设置 -->
      <section class="card my-section">
        <h3><i class="fas fa-cog"></i> 设置</h3>
        <p>个性化应用设置、通知、隐私等。</p>
         <button onclick="alert('进入设置页面')">进入设置</button>
      </section>

      <!-- 帮助中心 -->
      <section class="card my-section">
        <h3><i class="fas fa-question-circle"></i> 帮助中心</h3>
        <p>获取使用帮助、常见问题解答和联系支持。</p>
         <button onclick="alert('获取帮助')">获取帮助</button>
      </section>

    </main>
    <footer>
      <nav>
        <button onclick="window.location.href='index.html'">
          <i class="fas fa-home"></i>
          <span>首页</span>
        </button>
        <button onclick="window.location.href='recognition.html'">
          <i class="fas fa-brain"></i>
          <span>识别中心</span>
        </button>
        <button onclick="window.location.href='intervention.html'">
          <i class="fas fa-hand-holding-heart"></i>
          <span>干预工坊</span>
        </button>
        <button onclick="window.location.href='growth.html'">
          <i class="fas fa-chart-line"></i>
          <span>成长中心</span>
        </button>
        <button class="active" onclick="window.location.href='my.html'">
          <i class="fas fa-user"></i>
          <span>我的</span>
        </button>
      </nav>
    </footer>
  </div>
  <script src="main.js"></script>
</body>
</html> 